<template>
  <el-main>
    <div style="display: flex; flex-wrap: wrap;">
      <div>
        <el-form ref="form" :model="form" label-width="80px">
          <el-col>
            <el-form-item label="房间号" prop="roomNumber">
              <el-input v-model="form.handBrand" placeholder="请输入房间号"/>
            </el-form-item>
          </el-col>
        </el-form>
      </div>
      <div style="display: flex; justify-content: center; width: 100%;">
        <el-row style="width: 50%;">
          <el-col :span="12">
            <el-button type="info" round @click="tuidan()">退单</el-button>
          </el-col>
          <el-col :span="12">
            <el-button type="info" round @click="back()">返回</el-button>
          </el-col>
        </el-row>
      </div>
    </div>

  </el-main>
</template>
<script>
export default {
  name: "tuidanA",
  data() {
    return {
      // 表单参数
      form: {},
    };
  },
  methods: {
    back() {
      this.$router.push({path: "/jishi/jingliindex"});
    },
    /** 查询消费详细列表 */
    tuidan() {
      const hb = this.form.handBrand;
      this.$router.push({path: "/jishi/tuidanB", query: {hb}});
    },
  }
}
</script>

